<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/paging.js"></script>
    <script src="js/base.js"></script>
    <link rel="stylesheet" href="css/input_tags.css">
    <script src="js/input_tags.js"></script>
    <link rel="stylesheet" href="css/zeroModal.css">
    <script src="js/zeroModal.min.js"></script>
    <title>客户端用户管理</title>
    <style>
        .bq{
            display: inline-block;
            width: 200px;
        }
        .page_div {
				margin-top: 20px;
				margin-bottom: 20px;
				font-size: 15px;
				font-family: "microsoft yahei";
				color: #666666;
				margin-right: 10px;
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 30px;
				height: 28px;
				border: 1px solid #dce0e0!important;
				text-align: center;
				margin: 0 4px;
				cursor: pointer;
				line-height: 28px;
				color: #666666;
				font-size: 13px;
				display: inline-block;
			}
			
			#firstPage,
			#lastPage {
				width: 50px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			#prePage,
			#nextPage {
				width: 70px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			.page_div .current {
				background-color: #0073A9;
				border-color: #0073A9;
				color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
			}
        .top_btn,.show_title{
            display: flex;
        }
        .top_btn span,.show_title span{
            padding:2px 5px;
            border:1px solid #000;
            border-radius: 2px;
            margin-right: 10px;
            color:#000;
            cursor: pointer;
        }
        .on{
            background:#ccc;
            color:#fff!important;
        }
        table{
            margin-top:10px;
            border-collapse:collapse;
            width:900px;
        }
        table td{
            border:1px solid #ccc;
            text-align: center;
            vertical-align: middle;
        }
        table thead{
            background:#0073A9;
            color:#fff;
        }
        table thead td{
            height: 30px;
        }
        .show_title span{
            border:1px solid #0073A9;
            font-size: 14px;
        }
        .btn_style{
            margin-top:20px;
            display: flex;
        }
        .btn_style span{
            border:1px solid #ccc;
            padding:2px 5px;
            margin-right:40px;
        }
    </style>
</head>
<body>
    <div>
        <div class="top_btn" style="margin:20px 0">
            <span>专题管理</span>
            <span>文章管理</span>
        </div>
        <div class="show_box">
            
            <div class="show_zhuanti">
                <div class="show_title" style="margin-top:10px;">
                    <span class="tab_add">添加</span>
                    <span class="gx_del">删除</span>
                </div>
                <div class="zt_list"> 
                    <table>
                        <thead>
                            <tr>
                                <td>选择</td>
                                <td>标签id</td>
                                <td>类别</td>
                                <td>标签名称</td>
                                <td>数量</td>
                                <td>
                                    <span>查看</span>
                                </td>
                                <td>操作</td>
                            </tr>
                        </thead>
                        <tbody class="pd_bx">
                    
                        </tbody>
                    </table>
                    <div class="page_fen">
                        <div value="1 0"></div>
                        <div id="page" class="page_div"></div>
                    </div>
                </div>

                <div style="margin-top:20px" class="bq_tab">
                     <!-- 专题标签 -->
                    <h3>添加标签 :</h3>
                    <span class="bq" style="width:80%">标签：
                        <span class="input_box" id="tags" style="padding:7px 8px">
                            <input class="b_bianqian input_tags" name="tags" value="" placeholder="请输入" />
                        </span>
                    </span>
                    <div class="btn_style">
                        <span class="bq_qd">添加</span>
                         
                        <span class="bq_qx">取消</span>
                    </div>
                </div>

            </div>
            
        </div>
    </div>
    
</body>
<script src="js/bqgl.js"></script>
</html>